<template>
	<view class="container">
		<!-- 轮播图 -->
		<view>
			<swiper>
				<swiper-item v-for="(item, index) in swiperList" :index="index">
					<image mode="widthFix" :src="item.imageURL" class="swiper-image"></image>
				</swiper-item>
			</swiper>
		</view>
		<!-- tab选项卡 -->
		<view>
			<uni-segmented-control :current="tabCurrent" :values="tabItems"></uni-segmented-control>
		</view>
		<!-- 商品 -->
		<view></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiperList: [
					{
						id: '',
						name: '',
						imageURL: '/static/mock/1.png'
					},
					{
						id: '',
						name: '',
						imageURL: '/static/mock/2.png'
					},
					{
						id: '',
						name: '',
						imageURL: '/static/mock/3.png'
					}
				],
				tabItems: [
					'数字藏品',
					'主题精选',
					'合成活动',
				],
				tabCurrent: 0
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.swiper-image {
		width: 100%;
		border-radius: 20px;
	}
</style>